
//
//  Font linking  
//-----------------------------------

@font-face {
  font-family: 'LeagueGothic';
  src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/League_Gothic-webfont.woff') format('woff'), 
       url('../fonts/League_Gothic-webfont.ttf')  format('truetype'),
       url('../fonts/League_Gothic-webfont.svg#svgFontName') format('svg');
  }


//
//  Typography  
//-----------------------------------

::-moz-selection { background: #008fc2; color: #fff; text-shadow: none; }
::selection { background: #008fc2; color: #fff; text-shadow: none; }

button, 
input, 
select, 
textarea,
.stage,
.match{ font-family: "alternate-gothic-no-1-d", arial, helvetica, sans-serif;  }

button, 
input, 
select, 
textarea { 
	color: #7d7d7d; 
	text-transform: uppercase;
}


body { 
  margin: 0; 
  font-size: 1.875em; // 30px 
  line-height: 1.333;  
  color: #7d7d7d;
  font-family: "Museo-Slab", arial, helvetica, sans-serif; 
  @media screen and (max-width: $break3 ){
    font-size: 1.25em;
  }
  @media screen and (max-width: $break5 ){
    font-size: 1em;
  }
}

h1{ 
	font-size: 94px;
  line-height: 0.8;
	letter-spacing: -2.5px;
  margin: 50px 0;
	color: #7ED6D0;
  text-shadow: 3px 3px 0px #000;
  @include transition( "font-size", "0.3s" );
  @media screen and (max-width: $break3){
    font-size: 2.33em;
    margin-bottom: 20px;
  }
  @media screen and (max-width: $break4){
    font-size: 1.5em;
    letter-spacing: 0;
    margin: 20px 0;
  }
  @media screen and (max-width: $break5){
    margin: 15px 0 5px;
  }
}


a,
a:visited{ 
	cursor: pointer; 
  text-decoration: none;
  &:hover{
    text-decoration: underline;
  }
}



.ico{
  font-family: 'Pictos Custom';
}

